<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport"content="width-device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"><!-- 界面设定，页面大小屏幕等宽，初始缩放比例，允许缩放最小、最大比例，是否可以缩放 -->
	<title>记忆旅行社-响应式</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<header id="header">
	<div class="center">
		<h1 class="logo">记忆旅行社</h1>
		<nav class="link">
		<h2 class="none">网站导航</h2><!-- 完善大纲，隐藏标题 -->
		<ul >
			<li><a href="index.html">首页</a></li>
			<li class="active"><a href="information.html"><span class="xs-hidden">旅游</span>咨讯</a></li>
			<li><a href="ticket.html">机票<span class="xs-hidden">订购</span></a></li>
			<li><a href="about.html"><span class="xs-hidden">关于</span>公司</a></li>
		</ul>
		</nav>
	 </div>
</header>
<div id="headline">
	<img src="img/headline.jpg" alt="">
	<hgroup>
		<h2>旅游咨介</h2>
		<h3>介绍各种最新旅游信息、咨讯要闻、景点攻略等</h3>
	</hgroup>
</div>
<div id="container">
	<aside class="sidebar">
		<div class="sidebox recommend">
			<h2>景点推荐</h2>
			<div class="tag">
				<a href="###">曼谷(12)</a>
				<a href="###">东京(5)</a>
				<a href="###">西双版纳(8)</a>
				<a href="###">漓江(16)</a>
				<a href="###">呼伦贝尔(4)</a>
				<a href="###">首尔(9)</a>
				<a href="###">巴厘岛(15)</a>
				<a href="###">土耳其(22)</a>
				<a href="###">夏威夷(5)</a>
				<a href="###">毛里求斯(7)</a>
				<a href="###">吉普岛(4)</a>
				<a href="###">希腊(18)</a>
				<a href="###">法瑞意(8)</a>
				<a href="###">马尔代夫(9)</a>
				<a href="###">新西兰(16)</a>
				<a href="###">埃及(11)</a>
				<a href="###">迪拜(14)</a>
				<a href="###">斯里兰卡(7)</a>
				<a href="###">麦哈顿(3)</a>
				<a href="###">大阪(15)</a>
				<a href="###">富士山(7)</a>
			</div>
		</div>
		<div class="sidebox hot">
			<h2>热门旅游</h2>
			<div class="figure">
				<figure>
					<img src="img/hot1.jpg" alt="曼谷-芭提雅6日游">
					<figcaption>曼谷-芭提雅6日游</figcaption>
				</figure>
				<figure>
					<img src="img/hot2.jpg" alt="马尔代夫6日自助游">
					<figcaption>马尔代夫6日自助游</figcaption>
				</figure>
				<figure>
					<img src="img/hot3.jpg" alt="海南双飞五日游">
					<figcaption>海南双飞五日游</figcaption>
				</figure>
				<figure>
					<img src="img/hot4.jpg" alt="富山-大阪-东京8日游">
					<figcaption>富山-大阪-东京8日游</figcaption>
				</figure>
				<figure>
					<img src="img/hot5.jpg" alt="法瑞德意12日游">
					<figcaption>法瑞德意12日游</figcaption>
				</figure>
				<figure>
					<img src="img/hot6.jpg" alt="巴厘岛6日半自助游">
					<figcaption>巴厘岛6日半自助游</figcaption>
				</figure>
				<figure>
					<img src="img/hot7.jpg" alt="塞舌尔帝拜9日自助游">
					<figcaption>塞舌尔帝拜9日自助游</figcaption>
				</figure>
				<figure>
					<img src="img/hot8.jpg" alt="花样姐姐土耳其9日游">
					<figcaption>花样姐姐土耳其9日游</figcaption>
				</figure>
			</div>
		</div>
		<div class="sidebox treasure">
			<h2>旅游百宝箱</h2>
			<div class="box">
				<a href="###">天气预报</a>
				<a href="###">火车票查询</a>
				<a href="###">航空查询</a>
				<a href="###">地铁线路查询</a>
			</div>
		</div>
	</aside>
    <div class="list information">
        <h2 style="margin:0 0 20px 0">旅游资讯</h2>      
        <figure class="tour">
        	<img src="img/tour4.jpg" alt="富山-大阪-东京8日游">
            <figcaption>
            	<article>
                	<header>
                    	<hgroup>
                        	<h2>富山-大阪-东京8日游</h2>
                            <h3>暑假亲子，2天自由，无导游安排自费项目，全程不强迫购物...</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                    	<li><mark>交通</mark>深圳航空，深圳出发，无需转机</li>
                        <li><mark>团期</mark>11/01、11/03、11/08...</li>
                    </ol>
                    <div class="buy">
                    	<div class="price">$<strong>19039</strong> <s>$29980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国外长线</div>
                    <div class="disc xs-hidden"><span>6.7折</span></div>
                    <footer class="md-hidden">本团游由记忆旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                </article>
            </figcaption>
        </figure>       
        <figure class="tour">
        	<img src="img/tour3.jpg" alt="海南双飞五日游">
            <figcaption>
            	<article>
                	<header>
                    	<hgroup>
                        	<h2>海南双飞5日游</h2>
                            <h3>含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送...</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                    	<li><mark>交通</mark>京都航空，北京出发，无需转机</li>
                        <li><mark>团期</mark>11/01、11/03、11/08...</li>
                    </ol>
                    <div class="buy">
                    	<div class="price">$<strong>9039</strong> <s>$10980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国外短线</div>
                    <div class="disc xs-hidden"><span>8.8折</span></div>
                    <footer class="md-hidden">本团游由记忆旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                </article>
            </figcaption>
        </figure>      
        <figure class="tour">
        	<img src="img/tour9.jpg" alt="北京-上海-广州双飞6日游">
            <figcaption>
            	<article>
                	<header>
                    	<hgroup>
                        	<h2>北京-上海-广州6日游</h2>
                            <h3>北上广，带你领略大都市的繁华与美景，超值之旅，千万不能错过...</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                    	<li><mark>交通</mark>北京航空，北京出发</li>
                        <li><mark>团期</mark>11/01、11/03、11/08...</li>
                    </ol>
                    <div class="buy">
                    	<div class="price">$<strong>5088</strong> <s>$4680</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">国内短线</div>
                    <div class="disc xs-hidden"><span>7.8折</span></div>
                    <footer class="md-hidden">本团游由记忆旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                </article>
            </figcaption>
        </figure>
        <figure class="tour">
        	<img src="img/tour1.jpg" alt="曼谷-芭提雅6日游">
            <figcaption>
            	<article>
                	<header>
                    	<hgroup>
                        	<h2>曼谷-芭提雅6日游</h2>
                            <h3>包团特惠，超丰富景点,无自费，更赠送600元/成人自费券...</h3>
                        </hgroup>
                    </header>
                    <ol class="md-hidden">
                    	<li><mark>交通</mark>春秋航空，杭州出发，无需转机</li>
                        <li><mark>团期</mark>11/01、11/03、11/08...</li>
                    </ol>
                    <div class="buy">
                    	<div class="price">$<strong>8039</strong> <s>$9980</s></div>
                        <div class="reserve md-hidden"><a href="###">立即抢购</a></div>
                    </div>
                    <div class="type">出境长线</div>
                    <div class="disc xs-hidden"><span>7.7折</span></div>
                    <footer class="md-hidden">本团游由记忆旅行社赞助提供，截止于<time>2015-10-10</time></footer>
                </article>
            </figcaption>
        </figure>
        <div class="more">加载更多...</div>
	</div>
 </div>
<footer id="footer">
<div class="top sm-hidden">
	<div class="block left">
		<h2>合作伙伴</h2>
		<hr>
		<ul>
			<li>途牛旅游网</li>
			<li>驴妈妈旅游网</li>
			<li>携程旅游</li>
			<li>中国青年旅行社</li>
		</ul>
	</div>
	<div class="block center">
		<h2>旅游FAQ</h2>
		<hr>
		<ul>
			<li>旅游合同签订方式？</li>
			<li>儿童价是基于什么制定的？</li>
			<li>旅游的线路品质怎么界定的？</li>
			<li>单房差是什么？</li>
			<li>旅游保险有哪些种类？</li>
		</ul>
	</div>
	<div class="block right">
		<h2>联系方式</h2>
		<hr>
		<ul>
			<li>电话：18084822670</li>
			<li>邮件：1010548471@qq.com</li>
			<li>地址：四川省彭州市蒙阳新城666号</li>
		</ul>
	</div>
</div>
<div class="clearfix"></div>
<div class="version sm-visible">
	客户端 | 触屏版 | 电脑版
</div>
<div class="bottom">Copyright &copy; YCKU 记忆旅行社| 苏ICP 备120110119 号<span class="sm-hidden">| 旅行社经营许可证：L-YC-BK12345</span></div>
	
</footer>
</body>
</html>